<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>权限管理 | 系统权限</title>
  <!-- 告诉浏览器该页面是自适应布局 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../../dist/css/layout.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper" style="background: #ecf0f5">
  <section class="content-header">
    <h2 class="box-title">权限管理 <small>系统权限</small></h2>
  </section>
  <!-- Main content -->
  <section class="content">
    <div id="content" class="row"> 
      <div class="col-sm-6 col-xs-12"></div>
      <div class="col-sm-6 col-xs-12"></div>
    </div>
    
  </section>

  <!--按钮权限-->
  <section class="content-header">
    <h2 class="box-title">权限管理<small>按钮权限</small></h2>
  </section>
  <section class="content">
    <div id="qt_content"></div>
    <div class="box">
      <div class="box-header with-border">
        <h3 class="box-title">按钮权限</h3>
        <div class="box-tools">
          <button type="button" class="btn text-yellow btn-sm" id="BtnjsModal" data-type="btniadd" style="margin-right:10px"><i class="glyphicon glyphicon-plus"></i></button>
        </div>
      </div>
      <div class="box-body" id="btnBody">
      </div>
    </div>
  </section>
</div>
<!--添加权限-->
<div class="modal fade" id="myModalAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">添加权限</h4>
            </div>
            <div class="modal-body">
              <div class="form-group"><label>权限名称</label><input type="text" class="form-control roleName" placeholder="输入权限名称 ..."></div>
              <div class="form-group"><label>页面地址</label><input type="text" class="form-control roleName" placeholder="输入页面地址 ..."></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary jsSure">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--修改权限-->
<div class="modal fade" id="myModalChange" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">修改权限名称</h4>
            </div>
            <div class="modal-body">
              <div class="form-group"><label>权限名称</label><input type="text" class="form-control roleName" placeholder="输入权限名称 ..."></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary jsSure">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--删除权限-->
<div class="modal fade" id="myModalRemove" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">删除权限</h4>
            </div>
            <div class="modal-body">确定要删除吗？</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary jsSure">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!--按钮权限-->
<div class="modal fade" id="myModalbtnAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">添加按钮权限</h4>
            </div>
            <div class="modal-body">
              <div class="form-group"><label>按钮权限</label><input type="text" class="form-control roleName" placeholder="输入权限名称 ..."></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary jsSure">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- ./wrapper -->
<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script src="../../dist/js/layout.js"></script>
<script type="text/javascript" src="/dist/js/authorityManagement/rolePermission.js"></script>
</body>
</html>
